<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../scripts/jquery.js"></script>
    <script type="text/javascript">
        //练习1：table1 隔行变色
        //练习2：table2 ID列变色
        //练习3：table3 奇偶列变色
    </script>
</head>
<body>
    <table id="t1">
        <tr>
            <td>诸葛亮</td>
            <td>蜀</td>
        </tr>
        <tr>
            <td>关羽</td>
            <td>蜀</td>
        </tr>
        <tr>
            <td>姜维</td>
            <td>蜀</td>
        </tr>
        <tr>
            <td>庞统</td>
            <td>蜀</td>
        </tr>
    </table>
    <br>
    <br>
    <br>
    <table id="t2">
        <tr>
            <td>id</td>
            <td>name</td>
        </tr>
        <tr>
            <td>1</td>
            <td>诸葛亮</td>
        </tr>
        <tr>
            <td>2</td>
            <td>姜维</td>
        </tr>
        <tr>
            <td>3</td>
            <td>诸葛果</td>
        </tr>
    </table>

    <table id="t3">
        <tr>
            <td>id</td>
            <td>name</td>
            <td>sex</td>
        </tr>
        <tr>
            <td>1</td>
            <td>诸葛亮</td>
            <td>男</td>
        </tr>
        <tr>
            <td>2</td>
            <td>诸葛果</td>
            <td>女</td>
        </tr>
        <tr>
            <td>3</td>
            <td>诸葛瑾</td>
            <td>男</td>
        </tr>
    </table>
</body>
</html>